<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>七牛云大文件管理器</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="container">
        <header>
            <h1>七牛云大文件管理器</h1>
        </header>
        <main class="main-layout">
            <aside class="sidebar">
                <h2>存储空间 (Buckets)</h2>
                <ul id="bucket-list">
                    <!-- Buckets will be loaded here -->
                </ul>
            </aside>
            <section class="content">
                <div class="content-header">
                    <h2 id="current-bucket-title">请选择一个存储空间</h2>
                    <div class="batch-actions hidden" id="batch-actions">
                        <button id="batch-delete-btn" class="batch-delete-btn">删除选中文件</button>
                        <span id="selected-count">已选择 0 个文件</span>
                    </div>
                </div>
                <div id="loader" class="loader hidden"></div>
                <div class="table-container">
                    <table id="file-table">
                        <thead>
                            <tr>
                                <th><input type="checkbox" id="select-all" title="全选/取消全选"></th>
                        <th>文件名 (Key)</th>
                        <th>文件大小 (Size)</th>
                        <th>最后更新时间</th>
                        <th>操作</th>
                            </tr>
                        </thead>
                        <tbody id="file-list">
                            <!-- File list will be loaded here -->
                        </tbody>
                    </table>
                </div>
            </section>
        </main>
    </div>
    <script src="script.js"></script>
</body>
</html>
